<template>
  <div class="public">
    <header-view></header-view>
    <bodyer-view><slot></slot></bodyer-view>
    <footer-view></footer-view>
  </div>
</template>

<script>
import HeaderView from '@/components/HeaderView.vue'
import BodyerView from '@/components/BodyerView.vue'
import FooterView from '@/components/FooterView.vue'
export default {
  components: {
    HeaderView,
    BodyerView,
    FooterView
  }
}
</script>
<style>
.public {
  display: flex;
  flex-direction: column;
}
</style>
